<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<%@ include file="template/header.jsp" %>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script>
$(function() {
		
		$( "#accordion" ).accordion();
		var availableTags = [
			"S8621839D - Amy",
			"S9362614H - Amy",
			"S7382349G - Andy",
    		"S9837819A - Jane",
    		"S9184083C - Keith",
    		"S8883283F - Tyler",
    		"S9128184J - Zack"
		];
		$( "#autocomplete" ).autocomplete({
			source: availableTags
		});
	});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Create Prescription - GP View</title>
</head>

<body>
	<div id="content_top"></div>
    <div id="content">
    <div id="left">
    	<center><h3>My Info</h3>
    	<img src="template/images.jpg" height="70" width="70" style="border: 1px solid grey; padding: 2px" /></center><br/>
			<li>Edit my profile</li>
			<li><a href="AdministrateCaregiver.jsp">Caregiver</a></li>
			<li><a href="createPrescription.jsp">Prescription Record</a></li>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- <a href="createPrescription.jsp">Create Prescription</a><br/>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- <a href="retrievePrescription.jsp">Retrieve Prescription</a><br/>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Update Prescription</a><br/>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Delete Prescription</a><br/>
			<li><a href="consultation.jsp">Consultant Record</a></li>
	</div>
		
		<div id="right" style="margin: -280px 0 0 250px;">
    
    <h2>Create Prescription</h2>
    <input id="autocomplete" title="Type a medicine name"> <input type ="button" name="searchPatient" value="Patient Search"><br/><br/>
    
    <table border="1" style="border-collapse:collapse">
    <tr>
    	<td>NRIC</td> <td>Name</td> <td>Contact</td> <td>More Information</td> <td> </td>
    </tr>
    <tr>
    	<td>S8621839D</td> <td>Amy</td> <td>82193929</td> <td><a href="createPrescription.jsp">Details</a></td> <td><input type="radio" name="patient" value="S8621839D"></td>
    </tr>
    <tr>
    	<td>S9362614H</td> <td>Amy</td> <td>90213021</td> <td><a href="createPrescription.jsp">Details</a></td> <td><input type="radio" name="patient" value="S9362614H"></td>
    </tr>
    <tr>
    	<td>S7382349G</td> <td>Andy</td> <td>92310421</td> <td><a href="createPrescription.jsp">Details</a></td> <td><input type="radio" name="patient" value="S7382349G"></td>
    </tr>
    <tr>
    	<td>S9837819A</td> <td>Jane</td> <td>8219321</td> <td><a href="createPrescription.jsp">Details</a></td> <td><input type="radio" name="patient" value="S9837819A"></td>
    </tr>
     <tr>
    	<td>S9184083C</td> <td>Keith</td> <td>92915955</td> <td><a href="createPrescription.jsp">Details</a></td> <td><input type="radio" name="patient" value="S9184083C"></td>
    </tr>
    <tr>
    	<td>S8883283F</td> <td>Tyler</td> <td>91021438</td> <td><a href="createPrescription.jsp">Details</a></td> <td><input type="radio" name="patient" value="S8883283F"></td>
    </tr>
    <tr>
    	<td>S9128184J</td> <td>Zack</td> <td>92731844</td> <td><a href="createPrescription.jsp">Details</a></td> <td><input type="radio" name="patient" value="S9128184J"></td>
    </tr>
    </table>
    <input type="submit" value="Next" onclick="location.href='createPrescription2.jsp'" style="margin-left:500px">
    
    </div>
    </div>
    <div id="content_bottom"></div>

   </div>
<%@ include file="template/footer.jsp" %>
</body>
</html>